<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>美容热点产品</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			div#d1{
				width: 330px;
				height: 330px;
				border: 1px solid white;
				background-color: #FEFEFE;
			}
			div#d1 h3{
				width: 330px;
				height: 30px;
				background-color: #E81759;
				color: white;
				line-height: 30px;
			}
			li a span{
				width: 20px;
				height: 20px;
				border: 2px solid gray;
				background-color: #363A3B;
				border-radius: 50%;
				color: white;
				display: inline-block;
				line-height: 20px;
				text-align: center;
			}
			a{
				text-decoration: none;
				color:#666672;
			}
		/* 	a:hover{
				color: #EC89BA;
			} */
			li:hover a{
				color: red;
				/* background-color: blue; */
			}
			li:hover span{
				/* color: white; */
				background-color: #EC89BA; 
			}
			li{
				line-height: 35px;
				border-bottom: 1px dashed gray;
			}
		</style>
	</head>
	<body>
		<div id="d1">
			<h3>
				<strong>大家都喜欢买的美容品</strong>
			</h3>
			<ul>
				<li><a href="#"><span>1 </span> 雅诗兰黛即时修护眼部精华霜15ml<a/></li>
				<li><a href="#"><span>2 </span> 伊丽莎白雅顿显效复合活肤霜 75ml<a/></li>
				<li><a href="#"><span>3 </span> OLAY玉兰油多效修护霜 50g<a/></li>
				<li><a href="#"><span>4 </span> 巨型一号丝瓜水320ML<a/></li>
				<li><a href="#"><span>5 </span> 倩碧保湿洁肤水2号 200ml<a/></li>
				<li><a href="#"><span>6 </span> 比度克细肤淡印霜 30g<a/></li>
				<li><a href="#"><span>7 </span> 兰芝 (LANEIGE)夜间修护锁水面膜 80ml<a/></li>
				<li><a href="#"><span>8 </span> SK-II护肤精华露 215ml<a/></li>
				<li><a href="#"><span>9 </span> 欧莱雅青春密码活颜精华肌底液<a/></li>
			</ul>
		</div>
	</body>
</html>
